<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>品牌列表页面</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>

<body>

<div id=app>
    <div class="list-group">
        <a href="#" class="list-group-item list-group-item-action active">Active item</a>
        <a href="#" class="list-group-item list-group-item-action">Item</a>
        <a href="#" class="list-group-item list-group-item-action disabled">Disabled item</a>
    </div>
</div>
<script type="text/javascript">
 var vm= new Vue({
     el:"#app"
     ,data:{
         msg:'ddd'
     }
     ,methods:{}
     ,components:{
         com1:{

             props:['pmsg']
             ,template:'<h1>这是子组件--{{pmsg}}</h1>'
         }
     }
 })
</script>
</body>

</html>